@import "element-plus/theme-chalk/dark/css-vars.css";
:root[theme='dark']{

  //容器-底色
  --w-bg-nor:#222;
  // 页面主面板底色
  --w-bg-box:#000 ;
  //容器-面板色
  --c-content-color:#000 ;
  // 面板背景色 -2
  --w-bg-light-low:#535353;


  //基本字体色
  --w-color-nor:#fff;
  //基本字体色
  --w-color-nor2:#fff;
  //基本字体色
  --w-color-title:#fff;
  //字体高亮色1
  --w-color-light:#2d69eb;

  --w-color-light2:#1a1faa;
  //浅色
  --w-color-light-1:#5788f3;
  --w-color-light-2:#bbcffa;
  //浅色2
  --w-color-light-3:#e2e9f9;

  --w-color-success:#67c23a;
  --w-color-error:#f56c6c;
  --w-color-warning:#e6a23c;
  --w-color-diabled:#ebebeb;

  --w-f-color-disabled:#999;

  //字体高亮色 色
  --w-f-color-light0:#fff;
  //字体高亮色1
  --w-f-color-light:#2d69eb;
  //字体高亮色 -1
  --w-f-color-light-1:#ddd;
  //字体高亮色 色
  --w-f-color-light-2:#2d69eb;
  --w-f-color-light-3:#2d69eb;
  // 警告提示文字颜色
  --w-f-color-ps:rgba(255,255,0,1);

  //边框颜色
  --w-color-bor:#555 ;
  //边框颜色 light
  --w-color-bor-low:#2d69eb ;
  //边框颜色 light
  --w-color-bor-light:#92b3fa ;
  //布局小容器圆角
  --w-bor-radius-ct:3px;

  //稍带透明字体色
  --w-color-dis:rgba(0,0,0,0.4);
  //字号
  --w-size-nor:12px;
  --w-size-title1:13px;
  --w-size-title:15px;

  --w-icon-size:18px ;
  // 图标颜色
  --w-icon-color:#f5f5f5 ;
  // 图标经过
  --w-icon-over:#0952c8;
  // 图标背景色
  --w-icon-over-bg:#535353;

  //-------------------------------------------------- container -----------------------
  // 页面级容器边距
  --w-page-padding-top:10px;
  --w-page-padding-left:10px;
  --w-page-padding-right:10px;
  --w-page-padding-bottom:10px;
  --w-page-padding:var(--w-page-padding-top) var(--w-page-padding-right) var(--w-page-padding-bottom) var(--w-page-padding-left) ;

  //---------------------------------------------------- index ----------------------
  --w-index-max:1325px;
  --w-index-min:825px;

  //通用标题高度
  --w-title-height:42px;
  // 头部背景色
  --w-index-top-header-bg:rgba(0,0,0,0);

  //-------------------------------------------------- sys -----------------------
  --w-header-bg:#000;
  --w-header-size:45px;
  --w-left-size:208px;
  --w-logo-size:60px;

  //------------------------------------------------- header --------------------
  //分割条颜色
  --w-hd-split-cor:#c4c4cc;
  --w-hd-icon:#474747;

  //-------------------------------------------------- menu ------------------------------
  // logo背景色
  --index-menu-logo-bg:#555;
  //
  --w-menu-icon:#252525;
  --w-menu-icon-sel:var(--w-color-light);
  --el-menu-active-color:#fff;
  --el-menu-text-color: #fff;
  --el-menu-hover-text-color: var(--w-color-light);
  --el-menu-bg-color: rgba(255,255,255,0);
  --el-menu-hover-bg-color: #323232;
  --el-menu-item-height: 50px;
  --el-menu-sub-item-height: 44px;
  --el-menu-item-font-size: 14px;
  --el-menu-item-hover-fill: #555;
  --el-menu-border-color:rgba(0,0,0,0);
  --el-menu-base-level-padding: 20px;
  --el-menu-level-padding: 20px;
  --el-menu-icon-width: 24px;

  //-------------------------------------------------- tree ------------------------------
  --w-tree-active-bg:#d4e2f6;

  // -------------------------------------------------- table -------------------------------
  //普通表格头
  --w-tb-header-bg:#535353  ;
  --w-tb-header-color:#fff  ;


  // -------------------------------------------------- tab -------------------------------
  // 头高度
  --w-tab-height:36px;
  --w-tab-sel-bg:#92b3fa ;

  // -------------------------------------------------- form -------------------------------
  --w-form-item-def-height:32px;
  //表单 简化表格 高亮区块背景色
  --w-title-bg-light:#1f1f1f;


  .el-dialog{
    border:1px solid #353535;
  }

}




















:export{

}